<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>
  <body>
    <!-- 
    mvp模式： m代表模型层  v代表视图   p代表控制器
    1.视图层v发送事件给控制器，控制器执行业务逻辑或者请求ajax给模型层，模型层把数据返回给ajax，控制器操作document元素修改视图层

    2.控制器是mvp模式中的核心，它是视图层与模型层的中转站，视图层与模型层的交互都是通过控制器来操作

    3.使用mvp模式主要的工作内容都在操作控制器，控制器中做的工作都是业务逻辑、ajax、操作document元素，导致代码繁多

    mvvm模式：  m代表模型层  v代表视图   vm是vue封装的一层
    1.什么是vm层，当你模型层发生改变了 vm层会帮你监听到并去告诉视图层，同时你视图层改变了它也会去帮你告诉模型层，
    也可以称之为双向绑定。

    2.当我们使用mvvm模式开发，只需要关注模型层与视图层就够了，之前mvp模式中 控制器层的操作都交给vm自动处理了，
    我们只需要面向数据开发就够了

    总结：mvp模式开发中，基本都是面向document开发  mvvm模式开发中，基本都是面向数据开发

   -->
  </body>
</html>
